import { ref, watch } from "vue"
export default function (props, emit) {
  const modalObj = ref({
    isShow: false, // *必要参数modal弹框是否显示
    type: '', // 弹框类型，用于区分编辑、新增、查看等多种状态
    style:'top:15vh;width:500px;', // 弹框盒子的样式
    zIndex: 1,
    disableAni: false, // 是否禁用动画。默认动画是开启的
    customEmit: false, // true：完全自定义点击事件，关闭、取消、确定。代码不做默认处理
    header: { // 顶部模块
      isShow: true, // 是否显示顶部
      title: '导入网址',  // 标题
      isShowClose: true, // 是否显示顶部右侧叉号
    },
    footer: { // 底部模块
      isShow: true, // 是否显示底部
      align: 'right', // right:按钮靠右显示  left: 按钮靠左显示    center: 按钮居中显示
      // isShowClose: true, closeText: '关闭', // 显示关闭按钮      // 文案 
      isShowCancel: true, cancelText: '取消',  // 显示取消按钮   // 文案
      isShowConfirm: true, confirmText: '确定', // 显示确定按钮  // 文案              
    },
  })
  const url = ref('')
  watch(() => [props.isShow], async newVal => {
    const [isShow] = newVal
    modalObj.value.isShow = isShow
    if(!isShow) {
      url.value = ''
    }
  })
  return {
    modalObj, url,
    emit
  }
}